@charset "utf-8";

*{ word-wrap:break-word; outline:none; }
body{ background:#FFF;}
body, td, input, textarea, select, button{ color:#555; font:12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif;  }
body, ul, ol, li,  dl, dt , dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
ul , ol , li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a { color:#333; text-decoration:none; }
a:hover { color:#0085CF; text-decoration:none; }
a img { border:none; }
a {blr:expression(this.onFocus=this.blur())}
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }
th{ text-align:left; }
label, .pointer { cursor:pointer; }
body fieldset{border: 1px solid #D8D8D8;padding: 10px;}
body fieldset legend{padding: 3px 8px;font: 700;border: 1px solid #D8D8D8;background-color: #F9F9F9;}

/* 框架头部及主导航
------------------------------------------------------------------- */
.mainhd { background: url(../images/body_bg.png) repeat-x 0px 0px;}

.layout-header { background: url(../images/bg_position.gif) no-repeat 0 0; text-align:left; width:100%; height: 91px; position:relative; z-index:1; zoom:1;}

.top-nav { background: url(../images/bg_position.png) no-repeat 0px -100px; width:320px; height: 28px; position: absolute; z-index:1; top: 16px; right: 8px;}
.top-nav ul { line-height: 20px; color:#999; height:20px; padding:5px 4px 3px 10px;}
.top-nav li { color:#565D68; background: url(../images/bg_position.png) no-repeat scroll -638px -99px; display:inline; padding-left: 4px; margin-left: 2px; float: left;}
.top-nav li a { color:#565D68; line-height:16px; height:16px; border:dotted 1 #000; padding-left: 3px; line-height:20px;}
.top-nav li a:hover { color: #0085CF; text-decoration: underline;}
.top-nav li a span { padding-right: 3px;}
.top-nav li.adminid { background: url(../images/bg_position.png) no-repeat scroll -350px -100px; white-space:nowrap; max-width:146px; _width:expression((documentElement.clientWidth >146) ? "146px" : "auto" );/* IE6 */ height:20px; padding: 0 0 0 24px; margin-right:4px; overflow: hidden;}

.main-nav { height: 75px; position: absolute; z-index: 1; top: 16px; left: 152px;}
.main-nav ul { height: 42px; padding-left: 1px; }
.main-nav ul li { font-size: 14px; font-weight: 700; line-height: 20px; background: url(../images/button_bg.png) no-repeat right -84px; _background-image: url(../images/button_bg.gif);/* IE6 */ height: 42px; float: left; display: inline; padding-right: 5px; margin-left: 3px;}
.main-nav ul li a.link { background: url(../images/button_bg.png) no-repeat 0 9999px; _background-image: none;/* IE6 */ height: 42px; float: left; padding-left: 9px; cursor: pointer;}
.main-nav ul li a:hover.link { text-decoration: none; _text-decoration: underline; background-position: left -126px;}
.main-nav ul li a.actived , #nav ul li a:hover.actived { background: url(../images/button_bg.png) no-repeat 0px 0px; _background-image: url(../images/button_bg.gif);/* IE6 */ height: 42px; padding-left: 8px;}
.main-nav ul li a.link span { color: #CCC; background: url(../images/button_bg.png) no-repeat 0px 9999px; _background-image: none;/* IE6 */ height: 20px; float: left; padding: 11px 14px 11px 5px;}
.main-nav ul li a:hover.link span { color: #FFF; background-position: right -168px;}
.main-nav ul li a.actived span , #nav ul li a:hover.actived span { color: #000; background: url(../images/button_bg.png) no-repeat right -42px; _background-image: url(../images/button_bg.gif);/* IE6 */ height: 20px; padding: 11px 14px 11px 5px;}

.loca { line-height:24px; color: #565D68; height:24px; position: absolute; z-index: 2; top: 62px; left: 170px;}
.loca div, .loca strong, .crumbs span, span.arrow { float:left; margin-left:2px;}
.loca span.arrow { background: url(../images/bg_position.png) no-repeat scroll -50px -155px; width: 5px; height:9px; margin: 8px 6px 7px 6px; _margin:8px 3px 7px 3px; /* IE6 */}


/*左侧导航菜单栏
------------------------------------------------------------------- */
.menutd { background: url(../images/left.png) repeat-y left top;}
.main-menu{ position:relative; z-index:20; width:161px;}
.main-menu ul { background: url(../images/left.png) repeat-y 0px 0px; display:none; width: 161px; position:absolute; top:10px; left:0px;}
.main-menu li a , .main-menu li a.selected , .main-menu dl dt { line-height: 20px; text-decoration: none; color: #565D68; background: url(../images/bg_position.png) no-repeat ; display: block; width: 120px; height: 20px; float: left; clear: left; padding: 4px 12px 4px 29px; margin: 0;}
.main-menu li a { background-position: 0 -170px;}
.main-menu li a.selected, .main-menu li a:hover.selected{ color: #FFF; background-color: #6C7581; background-position: -161px -170px;}
.main-menu dl dt{ background-position: -322px -170px; cursor: pointer;}
.main-menu li a:hover{ color: #343640; background-position: -479px -142px;} 

.copyright { width:150px; padding-top:6px; border-top: dashed 1px #CCC; position: absolute; bottom: 5px; left: 5px;}
.copyright p { font-family:"Times New Roman", Times, serif; font-size: 12px; line-height: 18px; padding-left:5px;}
.copyright p em a { text-decoration: none; font-weight: 600;}
.copyright p a { text-decoration: underline; color: #000; }
.copyright sup { font-family: Tahoma; font-size: 9px; line-height: 10px; color: #333; height: 10px; padding: 0 3px; display: inline; margin-left: 2px;}



/*内容页面样式
------------------------------------------------------------------- */
.page { padding: 9px 20px 20px; text-align: left;}



/* table
------------------------------------------------------------------- */
.table { clear:both; width:100%; margin-top: 8px}
.table th{ padding:4px 15px !important; height:26px; }
.tb-type1{}
.tb-type1 td{ padding:5px 5px 3px 0;}
.tb-type1 th{ padding:5px 5px 3px 0; line-height:21px; color: #333;}
.tb-type1 td input[type="text"], .tb-type1 td select{ margin-right:4px; _margin-right:2px; margin-left:4px; _margin-left:2px; }
.tb-type1 td select { width:auto;}
.tb-type1 .txt-short { width:80px;}
.tb-type1 .txt { width:140px;}
.tb-type1 .txt2 { width:220px;}
.tb-type1 .date , .tb-type1 .date:hover { background: url(../images/input_date.gif) no-repeat 0 0; padding-left: 25px; width:70px;}
.tb-type1 .date { background-color: #FAFAFA; }
.tb-type1 .date:hover { background-color: #FFF;}
#gcategory select{ margin-right:3px;}
.tb-type1 strong{ margin-right:5px; color:#F60; }




/* tb */
.tb-type2{}
.tb-type2 tr.hover:hover .tips2{ color:#333; }
.tb-type2 td, tb-type2 th.td{ padding:5px 5px 3px 0; border-top: 1px dotted #DFE4EA; }
.tb-type2 .tfoot td {padding:5px 5px 3px 0; border-top: 1px solid #D6DDE4;}
.tb-type2 th{ padding:5px 5px 3px 0; line-height:21px; font-size: 12px; }
.tb-type2 .txt, .tb-type2 .txtnobd{ width:100px; margin-right:10px; }
.tb-type2 .smtxt { margin-right: 5px; width: 25px; }
.nowrap { white-space: nowrap; }
.tb-type2 .required { padding:3px 0 3px 5px; font-weight:700; }
.tb-type2 .rowform{ padding-left:5px; }
.rowform li{ overflow:hidden; float:left; margin-right:10px; white-space:nowrap; cursor:pointer; }
.rowform .nofloat li span.radio { line-height:25px; width:100px; float:left; }
.type-file-button , input.type-file-button:focus { background: url(../images/bg_position.png) no-repeat -50px -450px;margin-left: 5px; display:inline; width:57px; height:25px; float:left; border: 0;}





/*表单元素样式*/
input[type="text"], input[type="password"], textarea, select, .type-file-text , .editable, .editable-tarea { color: #333333; background:#FAFAFA none repeat scroll 0 0 ; padding: 4px 4px; border-style: solid; border-width: 1px; border-color: #ABADB3 #E2E3EA #E2E3EA #ABADB3;}

input[type="text"], textarea, select, .type-file-text , .editable, .editable2, .editable-tarea, .editable-tarea2 { padding: 4px 4px; /*Firefox\Chrome\Safari\IE9\元素圆角效果*/ resize: none;/*禁止调节元素的尺寸*/}

input[type="text"]:focus , input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus , input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:focus, textarea:active { color: #33464F; background-color: #fff; border: 1px solid ; border-color:#7F94AF /*#CBE9F3 #CBE9F3 #71CBEF*/;-moz-box-shadow:0 0 5px rgba(128, 158, 188, 0.5); -webkit-box-shadow: 0 0 5px rgba(128, 158, 188, 0.5); box-shadow: 0 0 5px rgba(128, 158, 188, 0.5);}

textarea{ resize: vertical !important;/*Textarea支持调节元素的高度*/}
.table td p.store { color: #999; font-weight: normal;}
.table td p.store a { color: #999;}
.table td p.store a:hover { text-decoration: underline; color: #999;}
.table td.group { font-weight: 600;}
.table td.group p.goods { color: #390; font-weight: normal;}
.table td.group p.goods a { color: #390;}
.table td.group p.goods a:hover { text-decoration: underline; color: #390;}
.table td p { margin-bottom:6px;}
.align-center {text-align:center;}
.nowrap { white-space: nowrap;}
.nobg{ background: transparent none no-repeat scroll 0 0 !important;}
.space th { font-weight: 600; color: #5E728A; background-color: #F3F5F8;background: url('../images/body_bg.png') repeat-x 0px -57px;}
/*.space th { font-weight: 600; color: #5E728A; background-color: #F3F5F8;background: url('')}*/
table.search { margin: 12px 0 6px 4px;}

/*ajax加载*/
.ajax_loading{ color:blue; padding:2px 5px 2px 25px; background:url('../images/ajaxloading.gif') no-repeat 3px 6px; position:absolute; right:10px; top:77px;display: none;}
.ajax_error{ color:red; padding:2px 5px 2px 25px; background:url('../images/ajaxerror.gif') no-repeat 3px 3px; position:absolute; right:10px; top:78px;display: none;}
.ajax_success{ color:green; padding:2px 5px 2px 25px; background:url('../images/ajaxsuccess.gif') no-repeat 3px 3px; position:absolute; right:10px; top:78px;display: none;}
.logininput {background: #fff url(../images/bg_login_input.png) repeat-x top;}
.logininput:focus {border: 1px solid #09C; color: #09C;}
#logincontainer .loginbtn {background: #3197CA url(../images/bg_login_btn.png) repeat-x top; border-radius: 8px; -moz-border-radius: 8px; border: none; font-size: 25px; font-weight: 700; text-shadow: 1px 1px 1px #9cced6; color: #1C5571; width: 260px; padding: 11px 0; margin: 5px 0 0 0; display: block; cursor: pointer; border-top: 1px solid #BEDFEF; letter-spacing: -1px;}
#logincontainer .loginbtn:hover {background: #3197CA url(../images/bg_login_btn.png) -0 -60px; cursor: pointer; color: #103141;}

/* 圆角，CSS3支持 */
.rounded{border:1px #CCC solid; background:#FFF;margin: 0px auto;}
.rightcontent{margin: 10px auto;}
/* 列表 */
.list{margin:0 auto; padding:0; width:98%;}
.list td{margin:0; height:25px; padding:5px;}
.list .name{text-align:right;}
.list .field{color:#F60; font-family:Tahoma,Geneva,sans-serif; line-height:20px;}
.list .notes{color:#999;}
.space{border-bottom: 1px solid #ccc;}

/*站点地图和常用功能下拉菜单
------------------------------------------------------------------- */
.toolbar { position: absolute; z-index: 2; top: 61px; right: 5px;}
.skin { background: url(../images/bg_position.png)  no-repeat -100px -148px; height:22px; float:left; margin-top:3px; margin-right:6px;}
.skin span{ float:left; line-height: 16px; height: 16px; padding: 0px 6px 6px 24px; }
.skin li { background: url(../images/bg_position.png) no-repeat scroll; width: 14px; height: 22px; float: left; margin-right: 2px; margin-left: 2px;}
.skin li#skin_0 { background-position: -400px -148px; cursor: pointer;}
.skin li#skin_1 { background-position: -414px -148px;}
.sitemap { float:left; position: relative; z-index: 2;}
.sitemap a { text-decoration: none; background: url(../images/bg_position.png) scroll no-repeat 0 -400px; float:left; height: 24px; padding-left: 8px; padding-bottom:2px; cursor: pointer;}
.sitemap a:hover { background-position: 0 -426px;}
.sitemap a span { line-height:24px; font-weight: 700; color: #FFF; float:left; background: #DAF3FD url(../images/bg_position.png) no-repeat scroll 100% -400px; height: 24px; padding-right: 8px; padding-bottom: 2px;}
.sitemap a:hover span { background-position: 100% -426px;}
.toolmenu{ background: #DAF3FD url(../images/bg_position.png) scroll no-repeat 0px -452px; width: 38px; height: 26px; margin:0 12px 0 6px; float: left; position: relative; z-index: 1;}
.toolmenu .bar-btn{ display:block; width: 38px; height: 26px; position: absolute; z-index: 2; top: 0px; left: 0px; cursor: pointer;}
.toolmenu .bar-list{ background: url(../images/bg_position.png) no-repeat 100% -452px; display: none; width: 96px; height: 126px; padding: 35px 6px 11px 6px; position: absolute; z-index: 1; top: 0px; right: 0px;}
.toolmenu .bar-list li { line-height: 16px; height: 26px; width: 96px; float: left; clear: left;}
.toolmenu .bar-list li a { text-decoration: none; color: #FFF; text-align: center; display:inline; width: 86px; height:16px; padding: 3px; margin: 1px; float: left; clear: left; border: 1px solid #2463DE; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.toolmenu .bar-list li a:hover { color:#565D68; background-color:#E2E3E5; border: 1px solid #344E71;}

/* 交换背景色 js函数样式 */
.even{border-bottom: 1px dotted #DFE4EA;} /* 偶数行背景色 #EDF5FD */
.odd{ border-bottom:1px dotted #DFE4EA} /* 奇数行背景色 */
.activity{background-color:#F0F0F0;} /* 活动行背景色 #FFFFCC */ /* mle */

label.validation{font-weight:700; padding-left:16px;line-height: 16px;}

/* #titlediv_jq{} 固定DIV宽度 */
.title_div{background:#FFF; border:1px #CCC solid; padding:5px; line-height:20px; position:absolute; z-index:9999; color:#F60; word-break:break-all;} /* title标签内容转div js函数样式 */
.rouned{border:1px #CCC solid; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.title2div{position: relative;top: 4px;}

/* 表单提交按钮样式 a */
.submit{width:120px; margin: 0px 20px;height:35px; line-height:35px; text-align:center;border: none;cursor: pointer; color:#FFF; background:url('../images/sprite_gray.png') -4px -220px no-repeat;}
.submit:hover{color:#FFF; text-decoration:none; background-position:-4px -261px;}
.top_line{margin-top: 20px;margin-bottom: 10px;}
.spanMsg{padding-right: 10px;vertical-align: middle;font-weight: bold;color: red;font-size:16px;}

.thead th{ font-size:13px; font-weight: 700; color: #333; white-space: nowrap;}
span.errormsg {color: red;text-indent: 20px;display: inline-block;background-image: url('../images/icons/icon_error.png');background-position: 2px -1px;margin-left: 5px;background-repeat: no-repeat;}
span.valid {background: url("../images/checked.gif") no-repeat left;width: 14px;height: 13px;overflow: hidden;padding: 0;margin: 5px 0 0 5px;display: inline-block;}
/* 分页样式 */
.pagination{ margin:10px 5px 5px 0px;padding: 2px; float:right; +float:none; +position: absolute; +right:6px;}
.pagination ul{ margin: 0; padding: 0; }
.pagination ul li {line-height: 22px; display: inline; list-style-type: none; float: left; padding: 0px;color: #AAA;}
.pagination li span{font-size: 13px;  list-style-type: none; display: inline; float: left; padding: 3px 10px; margin: 0 1px 0 0; }
.pagination li a span , .pagination li a:visited span{ color: #565D68; text-decoration: none; cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.pagination li a:hover span, .pagination li a:active span{ color: #000; background-color: #FFF;  cursor:pointer; -khtml-opacity: .9; -moz-opacity: 0.9; -moz-box-shadow:0 0 3px rgba(204, 204, 204, 0.5); -webkit-box-shadow: 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 3px rgba(204, 204, 204, 0.5);}
.pagination li span.currentpage{ color:#FFF; font-weight: bold;  background-color: #748CA9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.pagination ul li.pageSelect{height:30px;line-height:30px;padding-top:0px;}

.icon_select{border: 0px;margin: 0px 0px 0px 3px;position: relative;top: -2px;}

#title { width: 141px; height: 55px; position: absolute; top: 17px; left: 7px; background: url(../images/logo.png) no-repeat; float:left;}
#title a{width: 141px;height: 39px;display: block;}
.txt-short, .txt , .txt2 { height: 20px; line-height: 20px;}
.select{ height: 26px; line-height: 26px;}
.thead {font-weight: bold; color: #444; text-align: center;}
.thead td {border-bottom: 1px solid #bbdbf1;}
tr td.handler span { display:block; width: 140px; text-align:left; margin: 0 auto;}
tr.no_data td{ font-size:14px; font-weight: bold; line-height: 120px; color: #5E728A; text-align:center;}
td.team a { padding-right: 20px; background: url('../images/blog-ico.gif') no-repeat; margin-right:16px; _margin-right:8px;}
td.team a.tqq { background-position: 100% 0px;}
td.team a.qzone { background-position: 100% -20px;}
td.team a.weibo { background-position: 100% -32px;}
.noborder{height: 32px;line-height: 32px;}
.space th { font-weight: 600; color: #5E728A; background-color: #F3F5F8;}
big,.big { font-size:120% !important; line-height:120%;padding:6px !important; height:26px;}
.w12 { width: 12px; }
.table th.big{ padding:4px 0px !important; height:26px; }

.page_function {border-top: 1px solid #ffffff;width: 96%;background-color: #f7f8fa;padding-top: 10px;padding-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dbe7ef;padding-left: 20px;padding-right: 20px;}
.page_function .info {height: 30px;}
.page_function .info h3 {font-size: 20px;float: left;margin: 0;padding: 0;padding-right: 10px;font-weight: bold;}
.page_function .info small {margin: 0;padding: 0;float: left;padding-top: 8px;color: #999;font-size: 12px;}
.page_function .tip {font-size: 12px;line-height: 25px;height: 25px;padding-top: 5px;color: #666}
.page_main h3 {line-height: 35px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #D0DFEA;}
/*表格内容*/
.page_table {padding-top: 5px;}
.page_table table {table-layout: fixed}
.page_table table td {padding: 10px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #C6D8E6;}
.page_table .left{text-align: right;}
.page_table .right{text-align: left;}

/*后台地图*/
.d-content { display:inline-block; display:block\0/*IE8 BUG*/; display:inline-block\9\0; *zoom:1; *display:inline; text-align:left; border:0 none; width:100%;  }
.table_map{text-align:left; line-height:30px; width:100%;border:1px solid #eee; border-bottom:none;}
.table_map tr{border-bottom:1px solid #eee;}
.table_map tr:hover{ background:#fbffe4}
.table_map th{vertical-align:middle;background:#cde8f5; padding:0 10px; color:#666; text-align:right}
.table_map_sub tr{border:none; line-height: 22px;}
.table_map_sub th{ background:none; font-weight:normal; text-align:left;}
.table_map_sub td a{float:left;color:#0364ae; margin-right:20px;}
.table_map_sub td a:hover{text-decoration: underline;}
.table_map_sub td label{float:left;color:#0364ae; width:120px;}
.table_map_sub td label input{ float:left; margin:8px 5px 0 0;}
.fl {float:left;}
.fixed-bar {background: #FFF url(../images/fixed_bg.png) repeat-x scroll center bottom; width: 99%; padding: 8px 20px 8px 0; margin-left: 20px; top: 0; left: 0; z-index: 99;}
* html .fixedbar { width: 100%; margin-top: -10px; position: relative; left: -20px;}
.fixed-empty { height: 50px !important;}
.item-title { line-height: 20px; margin-bottom: 0 !important; clear: both; overflow: hidden; _padding-bottom: 10px; +padding-bottom: 10px;}
.item-title h3 { float: left; margin-right:20px; }
.tab-base {float: left; overflow: hidden; padding-top:16px; }
.tab-base li { float: left;}
.tab-base a { font-weight: 700; line-height: 20px; background: #FFF url(../images/bg_position.png) no-repeat 0px -200px; height: 20px; float: left; padding-left: 14px; margin-right:4px;  cursor: pointer;}
.tab-base a:hover { color: #5E728A; background-position: 0 -220px; }
.tab-base a span { color: #565D68; background: url(../images/bg_position.png) no-repeat 9999px 9999px; float: left; padding-right: 10px; }
.tab-base a:hover span {  background-position: 100% -220px;}
.tab-base a.current, .tab-base a:hover.current { background-position: 0 -240px; cursor: default;}
.tab-base a.current span, .tab-base a:hover.current span{ color: #FFF; background-position: 100% -240px;}

.nav{background:url(../images/admin/content/hr.png) 0 bottom repeat-x;}
.nav{
    margin-bottom:15px;
    height:35px;
}
.nav ul{
    height:35px;
    float:left;
}
.nav li,
.nav .return{
    float:left;
}
.nav li a,
.nav .return a{
    float:left;
    line-height:32px;
    color:#666;
    padding:0 15px;
    text-align:center;
}
.nav li a:hover{
    border-bottom:2px solid #aaa;
    color:#333;
    text-decoration:none;
}

.nav li.current a{
    border-bottom:2px solid #266aae;
    font-weight:700;
    color:#266aae;
}
.nav .return a{
    background:url(../images/admin/content/return.png) 2px center no-repeat;
    color:#990000;
    padding:0 20px;
}

/* =============================================================================
   Base Button
   ========================================================================== */

.button {
    position: relative;
    _position:fixed;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    padding-right:0px;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-family:'宋体';
    font-size:12px;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    _margin-left:10px;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.button:active,
.button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -ms-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* =============================================================================
   Button icons
   ========================================================================== */

.button.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 12px;
    height: 12px;
    margin: 0 0.75em 0 -0.25em;
    background: url(../images/icons/glyphicons-halflings.png) 0 99px no-repeat;
}

.button.arrowup.icon:before { background-position: 0 0; }
.button.arrowup.icon:hover:before,
.button.arrowup.icon:focus:before,
.button.arrowup.icon:active:before { background-position: -12px 0; }

.button.arrowdown.icon:before { background-position: 0 -12px; }
.button.arrowdown.icon:hover:before,
.button.arrowdown.icon:focus:before,
.button.arrowdown.icon:active:before { background-position: -12px -12px; }

.button.arrowleft.icon:before { background-position: 0 -24px; }
.button.arrowleft.icon:hover:before,
.button.arrowleft.icon:focus:before,
.button.arrowleft.icon:active:before { background-position: -12px -24px; }

.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
.button.arrowright.icon:hover:before,
.button.arrowright.icon:focus:before,
.button.arrowright.icon:active:before { background-position: -12px -36px; }

.button.approve.icon:before { background-position: 0 -48px; }
.button.approve.icon:hover:before,
.button.approve.icon:focus:before,
.button.approve.icon:active:before { background-position: -12px -48px; }

.button.add.icon:before { background-position: 0 -288px; }
.button.add.icon:hover:before,
.button.add.icon:focus:before,
.button.add.icon:active:before { background-position: -12px -288px; }

.button.remove.icon:before { background-position: -313px -1px }
.button.remove.icon:hover:before,
.button.remove.icon:focus:before,
.button.remove.icon:active:before { background-position: -313px -1px }

.button.log.icon:before { background-position: 0 -72px; }
.button.log.icon:hover:before,
.button.log.icon:focus:before,
.button.log.icon:active:before { background-position: -12px -72px; }

.button.calendar.icon:before { background-position: 0 -84px; }
.button.calendar.icon:hover:before,
.button.calendar.icon:focus:before,
.button.calendar.icon:active:before { background-position: -12px -84px; }

.button.chat.icon:before { background-position: 0 -96px; }
.button.chat.icon:hover:before,
.button.chat.icon:focus:before,
.button.chat.icon:active:before { background-position: -12px -96px; }

.button.clock.icon:before { background-position: 0 -108px; }
.button.clock.icon:hover:before,
.button.clock.icon:focus:before,
.button.clock.icon:active:before { background-position: -12px -108px; }

.button.settings.icon:before { background-position: -361px -145px; }
.button.settings.icon:hover:before,
.button.settings.icon:focus:before,
.button.settings.icon:active:before { background-position: -361px -145px; }

.button.install.icon:before { background-position: -241px -25px; }
.button.install.icon:hover:before,
.button.install.icon:focus:before,
.button.install.icon:active:before { background-position: -241px -25px; }

.button.comment.icon:before { background-position: 0 -132px; }
.button.comment.icon:hover:before,
.button.comment.icon:focus:before,
.button.comment.icon:active:before { background-position: -12px -132px; }

.button.fork.icon:before { background-position: 0 -144px; }
.button.fork.icon:hover:before,
.button.fork.icon:focus:before,
.button.fork.icon:active:before { background-position: -12px -144px; }

.button.like.icon:before { background-position: 0 -156px; }
.button.like.icon:hover:before,
.button.like.icon:focus:before,
.button.like.icon:active:before { background-position: -12px -156px; }

.button.favorite.icon:before { background-position: 0 -348px; }
.button.favorite.icon:hover:before,
.button.favorite.icon:focus:before,
.button.favorite.icon:active:before { background-position: -12px -348px; }

.button.home.icon:before { background-position: 0 -168px; }
.button.home.icon:hover:before,
.button.home.icon:focus:before,
.button.home.icon:active:before { background-position: -12px -168px; }

.button.key.icon:before { background-position: 0 -180px; }
.button.key.icon:hover:before,
.button.key.icon:focus:before,
.button.key.icon:active:before { background-position: -12px -180px; }

.button.lock.icon:before { background-position: 0 -192px; }
.button.lock.icon:hover:before,
.button.lock.icon:focus:before,
.button.lock.icon:active:before { background-position: -12px -192px; }

.button.unlock.icon:before { background-position: 0 -204px; }
.button.unlock.icon:hover:before,
.button.unlock.icon:focus:before,
.button.unlock.icon:active:before { background-position: -12px -204px; }

.button.loop.icon:before { background-position: 0 -216px; }
.button.loop.icon:hover:before,
.button.loop.icon:focus:before,
.button.loop.icon:active:before { background-position: -12px -216px; }

.button.search.icon:before { background-position: -49px -1px; }
.button.search.icon:hover:before,
.button.search.icon:focus:before,
.button.search.icon:active:before { background-position: -49px -1px; }

.button.mail.icon:before { background-position: 0 -240px; }
.button.mail.icon:hover:before,
.button.mail.icon:focus:before,
.button.mail.icon:active:before { background-position: -12px -240px; }

.button.move.icon:before { background-position: 0 -252px; }
.button.move.icon:hover:before,
.button.move.icon:focus:before,
.button.move.icon:active:before { background-position: -12px -252px; }

.button.edit.icon:before { background-position: -1px -73px }
.button.edit.icon:hover:before,
.button.edit.icon:focus:before,
.button.edit.icon:active:before { background-position: -1px -73px }

.button.pin.icon:before { background-position: 0 -276px; }
.button.pin.icon:hover:before,
.button.pin.icon:focus:before,
.button.pin.icon:active:before { background-position: -12px -276px; }

.button.reload.icon:before { background-position: 0 -300px; }
.button.reload.icon:hover:before,
.button.reload.icon:focus:before,
.button.reload.icon:active:before { background-position: -12px -300px; }

.button.rss.icon:before { background-position: 0 -312px; }
.button.rss.icon:hover:before,
.button.rss.icon:focus:before,
.button.rss.icon:active:before { background-position: -12px -312px; }

.button.tag.icon:before { background-position: 0 -324px; }
.button.tag.icon:hover:before,
.button.tag.icon:focus:before,
.button.tag.icon:active:before { background-position: -12px -324px; }

.button.trash.icon:before { background-position: 0 -336px; }
.button.trash.icon:hover:before,
.button.trash.icon:focus:before,
.button.trash.icon:active:before { background-position: -12px -336px; }

.button.user.icon:before { background-position: 0 -360px; }
.button.user.icon:hover:before,
.button.user.icon:focus:before,
.button.user.icon:active:before { background-position: -12px -360px; }


/* =============================================================================
   Button extensions
   ========================================================================== */

/* Primary button
   ========================================================================== */

.button.primary {
    font-weight: bold;
}

/* Danger button
   ========================================================================== */

.button.danger {
    color: #900;
}

.button.danger:hover,
.button.danger:focus,
.button.danger:active {
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff;
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -ms-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

.button.danger:active,
.button.danger.active {
    border-color: #a0302a;
    border-bottom-color: #bf4843;
    background-color: #b33630;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
    background-image: -moz-linear-gradient(#b33630, #dc5f59);
    background-image: -ms-linear-gradient(#b33630, #dc5f59);
    background-image: -o-linear-gradient(#b33630, #dc5f59);
    background-image: linear-gradient(#b33630, #dc5f59);
}

/* Pill button
   ========================================================================== */

.button.pill {
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
    border-radius: 50em;
}

/* Disabled button
   ========================================================================== */

.button.disable {
    opacity: 0.5;
}

/* Big button
   ========================================================================== */

.button.big {
    font-size: 14px;
}

.button.big.icon:before {
    top: 0;
}


/* =============================================================================
   Button groups
   ========================================================================== */

/* Standard group
   ========================================================================== */

.button-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button + .button,
.button + .button-group,
.button-group + .button,
.button-group + .button-group {
    margin-left: 15px;
}

.button-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.button-group .button {
    float: left;
    margin-left: -1px;
}

.button-group > .button:not(:first-child):not(:last-child),
.button-group li:not(:first-child):not(:last-child) .button {
    -moz-border-radius: 0em;
    -webkit-border-radius: 0em;
    border-radius: 0;
}

.button-group > .button:first-child,
.button-group li:first-child .button {
    margin-left: 0;
    border-radius: 50em;
    -moz-border-radius: 50em 0 0 50em;
    -webkit-border-radius:50em 0 0 50em;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.button-group > .button:last-child,
.button-group li:last-child > .button {
    -moz-border-radius:0 50em 50em 0;
    -webkit-border-radius:0 50em 50em 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Minor group
   ========================================================================== */

.button-group.minor-group .button {
    border: 1px solid #d4d4d4;
    text-shadow: none;
    background-image: none;
    background-color: #fff;
}

.button-group.minor-group .button:hover,
.button-group.minor-group .button:focus {
    background-color: #599bdc;
}

.button-group.minor-group .button:active,
.button-group.minor-group .button.active {
    background-color: #3072b3;
}

.button-group.minor-group .button.icon:before {
    opacity: 0.8;
}

/* =============================================================================
   Button container (mixing buttons and groups, e.g., nav bar)
   ========================================================================== */

.button-container .button,
.button-container .button-group {
    vertical-align: top;
}

.btn{
    display:inline-block;
    *display:inline;
    padding:4px 12px;
    margin-bottom:0;
    *margin-left:.3em;
    font-size:14px;
    line-height:20px;
    color:#333;
    text-align:center;
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    vertical-align:middle;cursor:pointer;
    background-color:#f5f5f5;
    *background-color:#e6e6e6;
    background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image:-o-linear-gradient(top,#fff,#e6e6e6);
    background-image:linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat:repeat-x;border:1px solid #ccc;
    *border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color:#b3b3b3;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{
    color:#333;
    background-color:#e6e6e6;
    *background-color:#d9d9d9
}
.btn:active,.btn.active{
    background-color:#ccc \9
}
.btn:first-child{*margin-left:0}
.btn:hover,.btn:focus{
    color:#333;
    text-decoration:none;
    background-position:0 -15px;
    -webkit-transition:background-position .1s linear;
    -moz-transition:background-position .1s linear;
    -o-transition:background-position .1s linear;
    transition:background-position .1s linear
}
.btn:focus{
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn.active,.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}
.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}

form label.error{ color: red; text-indent: 30px; display: inline-block; background-image:url('../images/ico.png'); background-position: 12px 2px; background-repeat:no-repeat;height: 20px;line-height: 20px;}
.formvalidate{margin: 10px;}
.showMessage{float: left;}
.showMessage .aui_iconBg{float: left;}
.showMessage img.images{width:48px; height:48px; margin:10px 0 0px 10px; background-position: center center; background-repeat:no-repeat;}
.showMessage .aui_content{float: left;}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
td label {vertical-align: middle;}
.gray{color: #999999;}
.mr5{margin-left:5px; }
.mr10{margin-left: 10px;}
.onShow, .onFocus, .onError, .onCorrect, .onLoad, .onTime {
    background: url("../images/msg_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #444444;
    display: -moz-inline-stack;
    line-height: 18px;
    margin-left: 10px;
    padding: 2px 10px 2px 23px;
    vertical-align: middle;
}
.onShow {background-position: 3px -147px;border-color: #40B3FF;color: #959595;}
.onFocus {background-position: 3px -147px;border-color: #40B3FF;}
.onError {background-position: 3px -47px;border-color: #40B3FF;color: #FF0000;}
.onCorrect {background-position: 3px -247px;border-color: #40B3FF;}
.onLamp {background-position: 3px -200px;}
.onTime {background-position: 3px -1356px;}